<template>
	<div id="lang">
		<pre v-if="$slots['code-html']"><code class="language-html"><slot name="code-html"></slot></code></pre>
		<pre v-if="$slots['code-css']"><code class="language-css"><slot name="code-css"></slot></code></pre>
		<pre v-if="$slots['code-js']"><code class="language-javascript"><slot name="code-js"></slot></code></pre>
		<pre v-if="$slots['code-bash']"><code class="language-bash"><slot name="code-bash"></slot></code></pre>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		mounted() {
			setTimeout(()=>{
				Prism.highlightAll()
			},200)
		}
	}
</script>

<style lang="scss" scoped>
	#lang {
		pre {
			margin: 0;
			border-radius: 0;
		}
		margin: 5px 0;
	}
</style>
